<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="${ctxStatic}/mobile/css/mui.min.css">
    <link rel="stylesheet" href="${ctxStatic}/mobile/css/common.css">
    <title>关于多多</title>
    <style type="text/css">
        .banner{position: relative;}
        .btn-down{border: 2px solid #45a2ff;position: absolute;left: 13%;bottom: 15%;line-height: 1;background-color: transparent;color: #6ac6fd;border-radius: 0;padding: 6px 15px;}
        .index-item{margin: 8px 10px;background-color: #fff;overflow: hidden;}
        .zxzx{padding: 10px 20px;}
        .ddkp{margin: 5px;padding: 10px 0 15px;background: url(${ctxStatic}/mobile/images/bg1.png) center center / cover no-repeat;}
        .name{font-size: 13px;line-height: 30px;border-bottom: 1px solid #fff;color: #fff;}
        .desc{font-size: 11px;line-height: 15px;color: #fff;padding-right: 20px;margin-bottom: 0;}
        .index-title{border-bottom: 1px solid #fff;font-size: 12px;margin-bottom: 0;padding-bottom: 10px;}
        .zx-list{padding: 0;margin: 0;}
        .zx-list li{border-top: 1px solid #e5e5e5;padding: 12.5px 0;}
        .zx-img{width: 64px;height: 64px;overflow: hidden;margin-right: 14px;}
        .zx-name{font-size: 14px;color: #666;margin-bottom: 5px;}
        .zx-desc{font-size: 11px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;}
        .time{font-size: 10px;color: #999;margin-bottom: 0;line-height: 1;}
        .more{color: #7e868f;font-size: 12px;}
        .more .mui-icon{font-size: 15px;}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">
        <img src="${ctxStatic}/mobile/images/logo.png" class="logo" />
    </h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="${ctx}">
        <span class="icon icon-home"></span>
        <span class="mui-tab-label">多多看盘</span>
    </a>
    <a class="mui-tab-item" href="${ctx}/list-6.html">
        <span class="icon icon-zx"></span>
        <span class="mui-tab-label">最新资讯</span>
    </a>
    <a class="mui-tab-item" href="${ctx}/list-10.html">
        <span class="icon icon-rjjs"></span>
        <span class="mui-tab-label">软件介绍</span>
    </a>
    <a class="mui-tab-item" href="${ctx}/list-2.html">
        <span class="icon icon-gydd"></span>
        <span class="mui-tab-label">关于多多</span>
    </a>
    <a class="mui-tab-item" href="${ctx}/guestbook.html">
        <span class="icon icon-ggly"></span>
        <span class="mui-tab-label">公共留言</span>
    </a>
</nav>
<div class="mui-content">
    <div class="banner">
        <img src="${ctxStatic}/mobile/images/banner.png" class="full-width" />
        <button class="mui-btn btn-down" onclick="alert('请到pc上下载')">软件下载</button>
    </div>BzyConfigController
    <div class="index-item">
        <div class="ddkp mui-clearfix">
            <div class="mui-col-xs-7 mui-pull-right">
                <p class="name">多多看盘</p>
                <p class="desc">最专业的行情分析工具，全球领先的统计分析、数据挖掘、预测建模产品及解决方案。更专业的策略方案，更安全的风控策略，更权威的投资平台</p>
            </div>
        </div>
    </div>
    <div class="index-item zxzx">
        <p class="index-title"><a class="mui-pull-right more" href="${ctx}/list-6.html"><span>查看更多<i class="mui-icon mui-icon-arrowright"></i></span></a><i class="icon icon-zxzx icon-15"></i> 最新资讯</p>
        <ul class="zx-list">
            <c:forEach items="${fnc:getArticleList(site.id, 6, 3, '')}" var="article">
                <li>
                    <a class="flex-box" href="${article.url}">
                        <div class="zx-img">
                            <img src="${article.image}" class="full-height" />
                        </div>
                        <div class="flex-box-item">
                            <p class="zx-name">${article.title}</p>
                            <p class="zx-desc">${article.title}</p>
                            <p class="time"><fmt:formatDate value="${article.updateDate}" pattern="yyyy-MM-dd"/></p>
                        </div>
                    </a>
                </li>
            </c:forEach>
        </ul>
    </div>
</div>
</body>
</html>
